<template>
	<view class="orderGoods">
		<!-- <view class='total'>共{{totalNmu}}件商品</view> -->
		<view class='total' v-if="isDetail">{{$t('order.subOrderInformation')}} <span v-if="arrivalTime"
				class="arrivalTime">({{arrivalTime}})</span>
		</view>
		<view class='total' v-else>{{$t('order.orderItem')}} <span v-if="arrivalTime"
				class="arrivalTime">({{arrivalTime}})</span></view>
		<view class='goodWrapper'>
			<view class="goodBox" v-for="(item,index) in cartInfo" :key="index">
				<view class='childCopy acea-row row-between-wrapper' v-if="isDetail">
					<view>{{$t('order.subOrderNumber')}}：{{item.childOrderNumber}}</view>
					<view class='conter acea-row row-middle row-right'>
						<text class='copy' @click='copy(item.childOrderNumber)'>{{$t('order.copy')}}</text>
					</view>
				</view>
				<!-- <view @click="jumpCon(item.productId)"> -->
				<view>
					<view style="display: flex;">
						<view class='pictrue'>
							<u-image width="130rpx" height="130rpx" v-if="item.image" :src="item.image"
								mode="aspectFill" :loading-icon="imgLoadBG"></u-image>
						</view>
						<view class='goodsName acea-row row-between-wrapper'>
							<view class="goodsName-left">
								<view class='storeName line2'>{{item.storeName}}</view>
								<view class='attr line1'>{{item.keyword}}</view>
								<view class='attr line1'>
									{{item.suk}}
								</view>
							</view>
							<view class="goodsName-right">
								<view style="color: #AF8A40;" v-if="item.status==1">{{$t('publicLang.toBeDelivered')}}
								</view>
								<!--待发货-->
								<view style="color: #AF8A40;" v-if="item.status==2">{{$t('publicLang.pendingReceipt')}}
								</view>
								<!--待收货-->
								<view v-if="isDetail">
									<view style="color: #AF8A40;" v-if="item.status==0">{{$t('publicLang.待付款')}}</view>
									<!--待付款-->
									<view style="color: #AF8A40;" v-if="item.status==3">{{$t('publicLang.待评价')}}</view>
									<!--待评价-->
									<view style="color: #AF8A40;" v-if="item.status==4">{{$t('publicLang.已完成')}}</view>
									<!--已完成-->
									<view style="color: #AF8A40;" v-if="item.status==5">{{$t('publicLang.已取消')}}</view>
									<!--已取消-->
									<view style="color: #AF8A40;" v-if="item.status==6">{{$t('publicLang.confirming')}}
									</view>
									<!--确认中-->
									<view style="color: #E02020;" v-if="item.status==-1">{{$t('publicLang.退款中')}}</view>
									<!--退款中-->
									<view style="color: #999999;" v-if="item.status==-2||item.status==-3">
										{{$t('publicLang.已退款')}}
									</view>
									<!--已退款-->
								</view>
								<view class='money'>
									<view class="cartnum">x{{item.cartNum}}</view>
								</view>
								<view v-if="item.delivery && item.delivery != ''" class="check-wuliu"
									@tap.stop="handleLookWuLiu(item)">{{$t('order.viewLogistics')}}</view>
								<!--查看物流-->
							</view>
						</view>
					</view>
					<view class="lg-price-addr marginT10">
						<view class="fahuoLabel">
							<!-- <image :src="`../../static/images/riben.png`" class="shipadd"></image> -->
							<image :src="`../../static/images/${option.site}.png`" v-if="item.tempId == option.id"
								class="shipadd" :class="option.site" v-for="(option,optionIndex) in iconList"
								:key="optionIndex"></image>
							<text class="tempName">{{$t(`publicLang.${item.tempName}`)}}</text>
						</view>
						<view class="price">
							{{$t('operate.sellingPrice')}}：¥{{$util.moneyChange(item.price|| 0)}}<text
								class="paidPrice">({{$t('order.sellingPrice')}}：￥{{$util.moneyChange(item.paidPrice || 0)}}；
								<block v-if="$util.moneyChange(item.deductionPrice || 0)!=0">
									{{$t('order.pointsDeduction')}}：￥{{$util.moneyChange(item.deductionPrice || 0)}}；
								</block>
								<block v-if="$util.moneyChange(item.couponPrice || 0)!=0">
									{{$t('order.couponDeduction')}}：￥{{$util.moneyChange(item.couponPrice || 0)}}
								</block>)
							</text>
						</view>
					</view>
					<view class="lg-cost-tax acea-row marginT10">
						<view class="cost">{{$t('order.cost')}}：¥{{$util.moneyChange(item.cost|| 0)}}</view>
						<view class="fare">{{$t('order.terminalFreight')}}：¥{{$util.moneyChange(item.secondPrice|| 0)}}
						</view>
						<view class="tax">{{$t('order.taxes')}}：¥{{$util.moneyChange(item.taxPrice|| 0)}}</view>
					</view>
					<view class='childCopy ziTi acea-row row-between-wrapper'>
						<view v-if="item.note">{{$t('order.orderNotes')}}：{{item.note}}</view>
					</view>
					<view class='childCopy ziTi acea-row row-between-wrapper' v-if="item.status==-1">
						<view>{{$t('order.timeToApplyForRefund')}}：{{item.refundReasonTime}}</view>
					</view>
					<view class='childCopy ziTi acea-row row-between-wrapper' v-if="$util.moneyChange(item.activityProductPrice)!=0"><!--活动优惠-->
						<view>{{$t('order.activityOffer')}}：{{$util.moneyChange(item.activityProductPrice)}}</view>
					</view>
					<view class='childCopy ziTi acea-row row-between-wrapper' v-if="item.changePrice">
						<view>{{$t('order.merchantChangesPrice')}}：{{item.changePrice}}</view>
					</view>
					<view class="operate-btn marginT10">
						<!-- 按钮 -->
						<!-- 使用了优惠券，不能修改成交价 -->
						<view v-if="item.status==0&&$util.moneyChange(couponPrice || 0)==0" class="button"
							@tap.stop="openEditPricePop(item)">{{$t('order.editTotalPaymentAmount')}}</view>

						<block
							v-if="(item.status==1 || item.status==2 || item.status==6 || item.status==-1) && item.abnormal==0">
							<view v-if="item.status==-1&& item.isEurope==1&& item.abnormal==0  && !item.userDelivery" class="button"
								@tap.stop="onOrderRefuse(item)">{{$t('order.refusedToRefund')}}</view>
							<!--拒绝退款-->
							<view v-if="item.status!=-2" class="button" @tap.stop="subRefund(item)">
								{{$t('order.refunds')}}</view>
							<!--退货退款-->
							<block v-if="!isZiti">
								<view v-if="item.status==2 && item.isEurope==1" class="button"
									@tap.stop="onOrderReceipt(item)">{{$t('order.confirmTheReceiptOfGoods')}}</view>
								<!--确认收货-->
								<view v-if="item.status==2 && item.isEurope!=1 && item.autonomous==1" class="button"
									@tap.stop="onOrderReceipt(item)">{{$t('order.confirmTheReceiptOfGoods')}}</view>
								<!--确认收货-->
								<view v-if="item.status==-1 && item.isEurope==1 && item.storeOrderRefundApply 
								&& item.storeOrderRefundApply.refundType==2 && !item.storeOrderRefundApply.returnAddress && !item.userDelivery" class="button"
									@tap.stop="subRefundGood(item)">{{$t('order.returnTheGoods')}}</view>
								<!--退货-->	
							</block>
						</block>
						<block v-if="item.status == 1 || item.status == 2">
							<view v-if="item.delivery && item.delivery != '' && item.status!=4" class="button" @tap.stop="orderSend(2,item)">
								{{$t('order.additionalLogistics')}}<!--增段物流-->
							</view>
							<view v-if="(item.procureStatus==1 || item.procureStatus==4) && !item.delivery" class="button"
								@tap.stop="orderSend(1,item)">{{$t('order.ship')}}<!--发货-->
							</view>
						</block>
						<view v-if="!item.note" class="button" @tap.stop="orderRemark(item)">{{$t('order.addTo')}}
						</view>
						<view v-else class="button" @tap.stop="orderRemark(item)">{{$t('order.revise')}}</view>
						<view class="button" v-if="item.status==6 && item.isEurope==1 && item.abnormal==0"
							@tap.stop="confirmOrder(item)">{{$t('order.confirmOrder')}}</view><!--确认订单-->
						<view class="button" v-else-if="item.status==6 && item.isEurope!=1 && autoPush==0"
							@tap.stop="confirmOrder(item)">{{$t('order.confirmOrder')}}</view><!--确认订单-->
						<block v-if="isZiti">
							<view v-if="(item.status==2 || item.status==1) && item.status!=4" class="button"
								@tap.stop="captchaCheck(item)">
								{{$t('order.writeOffAnOrder')}}  <!--核销订单-->
							</view>
						</block>
						<view v-if="item.status==0&&item.payType=='offline'" class="button"
							@tap.stop="onOrderRefuse(item)">{{$t('order.confirmReceipt')}}</view>
						<!--确认已收款-->
					</view>
					<block v-if="item.refundInfoList&&item.refundInfoList.length>0">
						<u-read-more ref="uReadMore" :close-text="$t('order.seeMore')" :toggle="true" :text-indent="0">
							<block v-for="(iitem,iindex) in item.refundInfoList" :key='iindex'>
								<view class='childCopy ziTi acea-row row-between-wrapper'>
									<view>{{$t('order.refundTime')}}：{{iitem.refundTime}}</view>
								</view>
								<view class='childCopy ziTi acea-row row-between-wrapper'>
									<view>
										{{iitem.refundType==2?$t('order.refundAmount'):$t('order.compensatoryRefundAmount')}}：<span
											style="color:#19be6b">￥{{iitem.refundPrice}}</span>
									</view>
								</view>
							</block>
						</u-read-more>
					</block>
				</view>
			</view>
		</view>
		<!-- 退货退款 -->
		<u-popup v-model="returnRefundVisible.dialog" mode="center" :mask-close-able="false">
			<view class="returnRefundBox">
				<view class="title">
					<view class="title-name">{{$t('order.refunds')}}</view>
					<i class="iconfont iconguanbi1" @click="returnRefundVisible.dialog = false"></i>
				</view>
				<view class="content">
					<view class="content-item">
						<view class="item-name">{{$t('order.refundOrderNumber')}}：</view>
						<view class="itemOne">{{returnRefundData.childOrderNumber}}</view>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.refundMethod')}}：</view>
						<picker @change="bindPickerChange" :value="returnRefundData.type" :range="array">
							<view class="itemTwo">
								{{array[returnRefundData.type]}}
								<i class="sort-caret descending"></i>
							</view>
						</picker>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.refundAmount')}}：</view>
						<view class="itemThree">￥<input v-model="returnRefundData.amount" type="number" /></view>
					</view>
					<view class="tips">
						<block v-if="returnRefundData.type==0&&isUse==1">
							{{$t('order.actualPaymentAmountTips')}}：¥{{returnRefundData.paidPrice}}
						</block>
						<block v-else>{{$t('order.compensatoryRefundTips')}}～</block>
					</view>
					<view class="buttonBox">
						<view class="qx" @click="returnRefundVisible.dialog=false">{{$t('publicLang.cancel')}}</view>
						<view class="confirm" @click="RefundHandleOrder">{{$t('order.confirmRefund')}}</view>
					</view>
				</view>
			</view>
		</u-popup>

		<!-- 退货 -->
		<u-popup v-model="refundVisible.dialog" mode="center" :mask-close-able="false">
			<view class="returnRefundBox">
				<view class="title">
					<view class="title-name">{{$t('order.returnTheGoods')}}</view>
					<i class="iconfont iconguanbi1" @click="refundVisible.dialog = false"></i>
				</view>
				<view class="content">					
					<view class="content-item">
						<view class="item-name">{{$t('order.returnMethod')}}：</view>
						<picker @change="returnTypeChange" :value="returnData.type" :range="returnTypeArray">
							<view class="itemTwo">
								{{returnTypeArray[returnData.type]}}
								<i class="sort-caret descending"></i>
							</view>
						</picker>
					</view>
					<block v-if="returnData.type == 0">
					<view class="content-item">
						<view class="item-name">{{$t('order.receiver')}}：</view>
						<view class="itemThree"><input v-model="returnData.returnConsignee" type="text" /></view>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.receivingMobilePhoneNumber')}}：</view>
						<view class="itemThree"><input v-model="returnData.returnPhone" type="number" /></view>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.selectRegion')}}：</view>
						<view class="itemThree"  @click="showPicker = true">{{province}} {{city}} {{area}}</view>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.detailedAddress')}}：</view>
						<view class="itemThree"><input v-model="returnData.detail" type="text" /></view>
					</view>			
					</block>
					<block v-else>
						<view class="address-management">
							<radio-group class="radio-group" @change="radioChange" v-if="addressList.length">
							<view class='item' v-for="(item,index) in addressList" :key="index">
								<view class='operation acea-row row-between-wrapper'>
									<!-- #ifndef MP -->
									<radio class="radio" :value="index.toString()" :checked="index === choseIndex">
										<text>选择</text>
									</radio>
									<!-- #endif -->
									<!-- #ifdef MP -->
									<radio class="radio" :value="index" :checked="index === choseIndex">
										<text>选择</text>
									</radio>
									<!-- #endif -->
								</view>
								<view class='address'>
									<view class='consignee flex3'>
										<view class="address_name flex2">
											{{item.realName}}
											<view class="flex1" v-if="item.areaType==1">大陆</view>
											<view class="flex1" v-else-if="item.areaType==2">港澳</view>
											<view class="flex1" v-else-if="item.areaType==3">海外</view>
										</view>
										<text class='phone'>{{item.phone.substring(item.phone.indexOf('|') + 1,item.phone.length)}}</text>
									</view>
									<view class="flex3 address_detail">
										<view class="address_detail">{{item.province}}{{item.city}}{{item.district}}{{item.detail}}</view>
										<!-- <view @tap.stop='editAddress(item.id)'><text class='iconfont iconbianji'></text></view> -->
									</view>
									<!-- <view class="address_detail" v-if="item.idCard">{{item.idCard.replace(/^(.{4})(?:\d+)(.{4})$/,"$1******$2")}}</view> -->
								</view>										
							</view>
							</radio-group>
						</view>
					</block>
					<view class="buttonBox">
						<view class="qx" @click="refundVisible.dialog=false">{{$t('publicLang.cancel')}}</view>
						<view class="confirm" @click="orderRefundGoods">{{$t('publicLang.sure')}}</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!--============= 所在地区=========== -->
		<view class="address_mask back_mask" @click="showPicker = false" v-if="showPicker" style="z-index: 10099;">
			<view class="picker_address_box pos_absolute1" @click.stop>
				<view class="picker_btn flex3">
					<view class="btn_cancle" @click="showPicker = false">{{$t('publicLang.cancel')}}</view>
					<view class="btn_confirm" @click="confirmTap">{{$t('publicLang.sure')}}</view>
				</view>
				<view class="switch_address flex3">
					<view class="pos_realtive" v-for="(item, index) in tabList" :key='index' @click="switchTap(index)">
						{{item.name?item.name:""}}
						<view class="pos_absolute1 line" v-if="tabIndex == index"></view>
					</view>
				</view>
				<view class="picker_box">
					<view class="hk_mac">
						<picker-view v-if="tabIndex == 0" class="picker_view" @change="bindChange1" :value="value1">
						    <picker-view-column class="area_type">
						        <view class="item flex1" v-for="(item,index) in hkMac" :key="index">{{item.city}}</view>
						    </picker-view-column>
							<picker-view-column class="area_city">
							    <view class="item flex2" v-for="(item,index) in hkMacArea[areaIndex]" :key="index">{{item.name}}</view>
							</picker-view-column>
						</picker-view>
						<picker-view v-if="tabIndex == 1 && district.length > 0" class="picker_view" @change="bindChange2" :value="value2">
						    <picker-view-column class="area_type">
						        <view class="item flex1" v-for="(item,index) in district" :key="index">{{item.name}}</view>
						    </picker-view-column>
							<picker-view-column class="area_city">
							    <view class="item flex1" v-for="(item,index) in district[cityIndex1]['child']" :key="index">{{item.name}}</view>
							</picker-view-column>
							<picker-view-column class="area_city">
							    <view class="item flex1" v-for="(item,index) in district[cityIndex1]['child'][areaIndex1]['child']" :key="index">{{item.name}}</view>
							</picker-view-column>
						</picker-view>
						<picker-view v-if="tabIndex == 2 && district.length > 0" class="picker_view" @change="bindChange2" :value="value2">
						    <picker-view-column>
						        <view class="item flex1">海外</view>
						    </picker-view-column>
						</picker-view>
					</view>
				</view>
			</view>
		</view> 
		<!-- 核销订单 -->
		<u-popup v-model="captchaVisible.dialog" mode="center" :mask-close-able="false">
			<view class="returnRefundBox">
				<view class="title">
					<view class="title-name">{{$t('order.writeOffAnOrder')}}</view>
					<i class="iconfont iconguanbi1" @click="captchaVisible.dialog = false"></i>
				</view>
				<view class="content">
					<view class="content-item">
						<view class="item-name">{{$t('order.childOrderNumber')}}：</view>
						<view class="itemOne">{{captchaData.childOrderNumber}}</view>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.writeOffCode')}}：</view>
						<view class="itemThree"><input v-model="captchaData.verifyCode" /></view>
					</view>
					<view class="tips">
						<view>{{$t('order.Note')}}：</view>
						<view>1.{{$t('order.writeOffCodeTips')}}；</view>
						<view>2.{{$t('order.writeOffCodeTips1')}}；</view>
					</view>
					<view class="buttonBox">
						<view class="qx" @click="captchaVisible.dialog=false">{{$t('publicLang.cancel')}}</view>
						<view class="confirm" @click="checkHandleOrder">{{$t('order.writeOffNow')}}</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 修改售价 -->
		<u-popup v-model="editPriceVisible.dialog" mode="center" :mask-close-able="false">
			<view class="returnRefundBox">
				<view class="title">
					<view class="title-name">{{$t('order.modifySellingPrice')}}</view>
					<i class="iconfont iconguanbi1" @click="editPriceVisible.dialog = false"></i>
				</view>
				<view class="content">
					<view class="content-item">
						<view class="item-name">{{$t('order.childOrderNumber')}}：</view>
						<view class="itemOne">{{editPriceData.childOrderNumber}}</view>
					</view>
					<view class="content-item">
						<view class="item-name">{{$t('order.sellingPrice')}}：</view>
						<view class="itemThree"><input v-model="editPriceData.paidPrice" type="number" /></view>
					</view>
					<view class="tips">
						<view>{{$t('order.Note')}}：</view>
						<view>1.{{$t('order.sellingPriceTips')}}；</view>
						<view>2.{{$t('order.sellingPriceTips1')}}；</view>
						<view>3.{{$t('order.sellingPriceTips2')}}。</view>
					</view>
					<view class="buttonBox">
						<view class="qx" @click="editPriceVisible.dialog=false">{{$t('publicLang.cancel')}}</view>
						<view class="confirm" @click="editPriceHandle">{{$t('order.confirmTheChanges')}}</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 订单备注 -->
		<u-popup v-model="editRemarkVisible.dialog" mode="center" :mask-close-able="false">
			<view class="returnRefundBox">
				<view class="title">
					<view class="title-name">{{$t('order.orderNotes')}}</view>
					<i class="iconfont iconguanbi1" @click="editRemarkVisible.dialog = false"></i>
				</view>
				<view class="content">
					<view class="content-item">{{$t('order.remark')}}:</view>
					<view class="uni-textarea"><textarea class="text" v-model="orderMarkData.note" /></view>
					<view class="buttonBox">
						<view class="qx" @click="editRemarkVisible.dialog=false">{{$t('publicLang.cancel')}}</view>
						<view class="confirm" @click="editOrderMark">{{$t('publicLang.sure')}}</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 云仓订单-确认订单（可以转换自主发货） -->
		<u-popup v-model="confirmOrderVisible.dialog" mode="center" :mask-close-able="false">
			<view class="returnRefundBox">
				<view class="title">
					<view class="title-name">{{$t('order.confirmOrder')}}</view>
					<!--确认订单-->
					<i class="iconfont iconguanbi1" @click="confirmOrderVisible.dialog = false"></i>
				</view>
				<view class="content">
					<view class="content-item">
						{{$t('order.confirmThatTheTtemIsInStock',{number:confirmOrderVisible.childOrderNumber})}}
					</view>
					<view class="buttonBox">
						<view class="qx" @click="deliveryOrder(false)">{{$t('order.platformDelivery')}}</view>
						<!--平台发货-->
						<view class="confirm" @click="deliveryOrder(true)">{{$t('order.selfDelivery')}}</view>
						<!--我有该商品，自行发货-->
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		mapGetters
	} from "vuex";
	import {
		orderRefundApi,
		checkCodeMer,
		orderRefuseApi,
		updateOrderPriceMer,
		confirmChildOrderMer,
		updateReceiptMerApi,
		orderMarkApiMerApi,
		independentDelivery,
		orderRefundGoodsApi,
		addressListAfterSale
	} from '@/api/order.js';
	import {
		getCity
	} from '@/api/api.js';
	let app = getApp();
	export default {
		props: {
			evaluate: {
				type: Number,
				default: 0,
			},
			cartInfo: {
				type: Array,
				default: function() {
					return [];
				}
			},
			orderId: {
				type: String,
				default: '',
			},
			ids: {
				type: Number,
				default: 0,
			},
			jump: {
				type: Boolean,
				default: false,
			},
			arrivalTime: {
				type: String,
				default: '',
			},
			isZiti: {
				type: Boolean,
				default: false,
			},
			isDetail: {
				type: Boolean,
				default: false,
			},
			couponPrice: {
				type: String,
				default: '',
			},
			type: {
				type: String,
				default: '',
			},
		},
		computed: {
			...mapGetters(['iconList', 'autoPush']),
			array() {
				if (this.isUse == 0) {
					return [this.$t('publicLang.compensatoryRefund')]
				}
				return [this.$t('publicLang.退货退款'), this.$t('publicLang.compensatoryRefund')]
			}
		},
		mounted() {
		      this.getCityList();			  
		},
		data() {
			return {
				totalNmu: '',
				imgLoadBG: app.globalData.imgLoadBG,
				returnRefundData: {
					type: 0,
					amount: 0
				},
				returnRefundVisible: {
					button: false,
					dialog: false
				},
				captchaVisible: {
					dialog: false,
					button: false
				},
				returnData:{
					type:0
				},
				refundVisible:{
					dialog: false,
					button: false
				},
				returnTypeArray:[this.$t('order.fillInByYourself'),this.$t('order.selectAfterSalesAddress')],
				captchaData: {
					childOrderNumber: '',
					verifyCode: '',
					id: ''
				},
				editPriceVisible: {
					button: false,
					dialog: false
				},
				editRemarkVisible: {
					button: false,
					dialog: false
				},
				confirmOrderVisible: {
					button: false,
					childOrderNumber: '',
					orderInfoId: '',
					dialog: false
				},
				editPriceData: {},
				orderMarkData: {},
				isUse: 1,
				
				multiArray: [],
				district: [],
				tabList: [{
						name: '港澳地区'
					},
					{
						name: '中国'
					},
					{
						name: '其他国家'
					}
				],
				tabIndex: 1,
				hkMac: [{
						city: '中国香港',
						name: '香港',
						cityId: '714368'
					},
					{
						city: '中国澳门',
						name: '澳门',
						cityId: '714390'
					}
				],
				hkMacArea: [
					[],
					[]
				],
				value1: [0, 0],
				areaIndex: 0,
				province: '',
				city: '',
				area: '',
				value2: [0, 0, 0],
				provinceIndex: 0,
				cityIndex1: 0,
				areaIndex1: 0,
				showAddress: false,
				areaType: 1, //1 大陆  2 港澳 3海外,
				userRegion: '大陆',
				showPicker: false,
				orderAddress: {},
				addressList: [],//退货地址列表
				choseIndex:"",//选择的地址下标
			};
		},
		methods: {
			evaluateTap: function(unique, orderId, ids) {
				uni.navigateTo({
					url: "/pages/goods_comment_con/index?unique=" + unique + "&uni=" + orderId + "&id=" +
						ids
				})
			},
			wuliuTap(row) {
				console.log(row)
				uni.setStorage({
					key: "orderGoods",
					data: {
						image: row.productInfo.image,
						storeName: row.productInfo.storeName,
						truePrice: row.truePrice,
						cartNum: row.cartNum,
						suk: row.productInfo.attrInfo.suk,
						orderInfoId: row.orderInfoId
					},
					success() {
						uni.navigateTo({
							url: "/pages/goods_logistics/index?orderInfoId=" + row.orderInfoId
						})
					}
				})
			},
			jumpCon: function(id) {
				if (this.jump) {
					uni.navigateTo({
						url: `/pages/goods_details/index?id=${id}`
					})
				}
			},
			// 确认收货
			onOrderReceipt(item) {
				console.log(item)
				var _this = this
				uni.showModal({
					title: _this.$t('order.confirmTheReceiptOfGoods'), //确认收货
					content: `${_this.$t('order.confirmOrderTips',{number:item.childOrderNumber})}？`,
					cancelText:_this.$t('publicLang.cancel'),
					confirmText: _this.$t('publicLang.sure'),
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: _this.$t('order.pleaseWait')
							});
							updateReceiptMerApi({
								id: item.orderInfoId,
								reason: ""
							}).then((res) => {
								uni.hideLoading();
								_this.$emit("refund")
							}).catch((e) => {
								uni.hideLoading();
								return _this.$util.Tips({
									title: e
								});
							})
						}
					}
				});
			},
			// 退货退款按钮
			subRefund(item) {
				console.info(item, 11)
				if (item.isEurope != 1 && item.autonomous != 1) {
					this.isUse = 0
				}
				this.returnRefundData.paidPrice = item.paidPrice
				this.returnRefundData.childOrderNumber = item.childOrderNumber
				this.returnRefundData.status = item.status
				this.returnRefundData.amount = Number(item.paidPrice)
				this.returnRefundData.deductionPrice = item.deductionPrice
				this.returnRefundData.orderInfoId = item.orderInfoId
				this.returnRefundData.type = 0
				this.returnRefundVisible.dialog = true
				this.returnRefundVisible.button = false
			},
			// 退货按钮
			subRefundGood(item) {
				console.info(item, 11)
				if (item.isEurope != 1 && item.autonomous != 1) {
					this.isUse = 0
				}
				this.returnData= {
						 areaType: 1,
						 detail: null,
						 province: null,
						 infoId: item.orderInfoId,
						 type:0
					  }
				this.refundVisible.dialog = true;
				this.refundVisible.button = false;
				this.choseIndex = "";
				this.returnAddressList();
			},
			//退货下拉选择
			returnTypeChange(e) {
				this.$set(this.returnData, "type", e.target.value)
			},
			//选择退回地址中一条
			radioChange: function(e) {
				let index = parseInt(e.detail.value),
					that = this;
					this.choseIndex = index
			},
			//退货请求
			orderRefundGoods: function(){
				let that = this ; 
				let data = {
					
				};
				if(this.returnData.type ==0){
					if (!this.returnData.returnConsignee) return that.$util.Tips({
						title: '请填写收货人'
					});
					if (!this.returnData.returnPhone) return that.$util.Tips({
						title: '请填写联系电话'
					});
					if (!this.province) return that.$util.Tips({
						title: '请选择所在地区'
					});
					if (!this.returnData.detail) return that.$util.Tips({
						title: '请填写详细地址'
					});
					//console.log(this.district)
					this.refundVisible.button = true
					data = {
						infoId: this.returnData.infoId,
						returnAddress:this.province+this.city+this.area+this.returnData.detail,
						returnConsignee:this.returnData.returnConsignee,
						returnPhone:this.returnData.returnPhone
					};
				
				}else{
					let index = this.choseIndex.toString();
					if (index == '') return that.$util.Tips({
						title: '请选择收货地址'
					});
					this.refundVisible.button = true;
					let row = that.addressList[this.choseIndex];
					data = {
						infoId: this.returnData.infoId,
						returnAddress:row.province+row.city+row.district+row.detail,
						returnConsignee:row.realName,
						returnPhone:row.phone
					};
				}
				uni.showLoading({
					title: that.$t('order.pleaseWait')
				})
				orderRefundGoodsApi(data).then((res) => {
					uni.showToast({
						title: "操作成功",
					})
					setTimeout(() => {
						that.refundVisible.dialog = false
						that.$emit("refund")
					}, 1500)
				
				}).catch((e) => {
					that.refundVisible.button = false
					that.$util.Tips({
						title: e
					});
				});
			},
			// 退货退款下拉选择
			bindPickerChange(e) {
				this.$set(this.returnRefundData, "type", e.target.value)
			},
			// 退货退款
			RefundHandleOrder() {
				if (this.returnRefundVisible.button) {
					return
				}
				if (this.returnRefundData.amount <= 0) {
					this.$util.Tips({
						title: this.$t('order.amountLimit')
					});
					return
				}
				this.returnRefundVisible.button = true
				const data = {
					amount: this.returnRefundData.amount,
					orderId: this.returnRefundData.orderInfoId,
					type: this.isUse ? Number(this.returnRefundData.type) + 1 : 2,
				};
				var _this = this
				uni.showLoading({
					title: _this.$t('order.pleaseWait')
				})
				orderRefundApi(data).then((res) => {
					uni.showToast({
						title: "操作成功",
					})
					setTimeout(() => {
						_this.returnRefundVisible.dialog = false
						_this.$emit("refund")
					}, 1500)

				}).catch((e) => {
					_this.returnRefundVisible.button = false
					_this.$util.Tips({
						title: e
					});
				});

			},
			orderSend(type, row) {
				let level = 1
				if (type == 2) {
					level = Number(row.delivery.level) + 1
				}
				var _this = this
				uni.navigateTo({
					url: `../../pages/order_send/index?level=${level}&orderInfoId=${row.orderInfoId}&id=${this.orderId}`,
					events: {
						acceptDataFromOpenedPage: function(data) {
							_this.$emit("refund")
						},
					}
				})
			},
			// 打开订单备注弹出框
			orderRemark(row) {
				this.orderMarkData.id = row.orderInfoId
				this.editRemarkVisible.dialog = true
				this.editRemarkVisible.button = false
			},
			// 订单备注提交
			editOrderMark() {
				if (this.captchaVisible.button) {
					return
				}
				if (!this.orderMarkData.note) {
					return this.$util.Tips({
						title: _this.$t('order.pleaseEnterOrderRemarks')
					});
				}
				var regStr =
					/[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig;
				if (regStr.test(this.orderMarkData.note)) return this.$util.Tips({
					title: this.$t('goods.notUseEmoji')
				});
				var regStr2 = /[`~!@#$%^&*()+=|{}\[\]<>/~]/;
				if (regStr2.test(this.orderMarkData.note)) return this.$util.Tips({
					title: this.$t('goods.specialCharactersCannotBeEntered')
				});
				if (this.orderMarkData.note.length > 50) return this.$util.Tips({
					title: this.$t('goods.characterLengthTips')
				});
				var _this = this
				this.editRemarkVisible.button = true
				uni.showLoading({
					title: _this.$t('order.pleaseWait')
				});
				orderMarkApiMerApi(_this.orderMarkData).then((res) => {
					uni.hideLoading();
					_this.editRemarkVisible.dialog = false;
					_this.orderMarkData = {}
					_this.$emit("refund")
				}).catch(e => {
					uni.hideLoading();
					return _this.$util.Tips({
						title: e
					});
				})
			},
			// 打开核销订单弹出框
			captchaCheck(row) {
				this.captchaVisible.dialog = true
				this.captchaVisible.button = false
				this.captchaData.childOrderNumber = row.childOrderNumber
				this.captchaData.id = row.orderInfoId
			},
			// 核销验证码提交
			checkHandleOrder() {
				if (this.captchaVisible.button) {
					return
				}
				var _this = this
				this.captchaVisible.button = true
				uni.showLoading({
					title: _this.$t('order.pleaseWait')
				});
				checkCodeMer({
					id: this.captchaData.id,
					verifyCode: this.captchaData.verifyCode,
				}).then((res) => {
					uni.hideLoading();
					_this.captchaVisible.dialog = false;
					_this.$emit("refund")
				}).catch((e) => {
					_this.captchaVisible.button = false
					_this.$util.Tips({
						title: e
					});
				});
			},
			onOrderRefuse(row) {
				var _this = this
				uni.showModal({
					title: _this.$t('order.refusedToRefund'),
					content: `${_this.$t('order.refusedToRefundTips',{number:row.childOrderNumber})}？`,
					cancelText:_this.$t('publicLang.cancel'),
					confirmText: _this.$t('publicLang.sure'),
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: _this.$t('order.pleaseWait')
							});
							orderRefuseApi({
								id: row.orderInfoId,
								reason: ""
							}).then(res => {
								uni.hideLoading();
								_this.$emit("refund")
							}).catch((e) => {
								uni.hideLoading();
								return _this.$util.Tips({
									title: e
								});
							});
						}
					}
				});
			},
			openEditPricePop(row) {
				this.editPriceVisible.dialog = true
				this.editPriceVisible.button = false
				this.editPriceData = {
					childOrderNumber: row.childOrderNumber,
					subTotalPrice: row.subTotalPrice,
					secondPrice: row.secondPrice,
					taxPrice: row.taxPrice,
					orderInfoId: row.orderInfoId,
					deductionPrice: row.deductionPrice
				}
			},
			// 修改子订单价格
			editPriceHandle() {
				if (this.editPriceVisible.button) {
					return
				}
				let reg = /^[1-9]{1}[0-9]*$/;
				if (!reg.test(this.editPriceData.paidPrice)) {
					this.$util.Tips({
						title: this.$t('order.amendmentAmountTips')
					});
					return;
				}
				if (this.editPriceData.paidPrice < Number(this.editPriceData.secondPrice) + Number(this.editPriceData
						.taxPrice) + Number(this.editPriceData.deductionPrice)) {
					this.$util.Tips({
						title: this.$t('order.amendmentAmountTips1') + (Number(this.editPriceData.secondPrice) +
							Number(this.editPriceData.taxPrice) + Number(this.editPriceData.deductionPrice))
					});
					return;
				}
				var data = {
					id: this.editPriceData.orderInfoId,
					price: this.editPriceData.paidPrice
				};
				var _this = this
				this.editPriceVisible.button = true
				uni.showLoading({
					title: _this.$t('order.pleaseWait')
				})
				updateOrderPriceMer(data)
					.then((res) => {
						uni.hideLoading()
						_this.editPriceVisible.dialog = false;
						console.info(res.data)
						_this.$emit("refund", res.data)
					}).catch((e) => {
						uni.hideLoading()
						_this.editPriceVisible.button = false
						_this.$util.Tips({
							title: e
						});
					});
			},
			// 确认订单
			confirmOrder(row) {
				console.info(row, this.type)
				if (this.type == 2) {
					this.confirmOrderVisible.dialog = true
					this.confirmOrderVisible.childOrderNumber = row.childOrderNumber
					this.confirmOrderVisible.orderInfoId = row.orderInfoId
					return false
				}
				var _this = this
				uni.showModal({
					title: _this.$t('order.confirmOrder'),
					content: `${_this.$t('order.confirmThatTheTtemIsInStock',{number:row.childOrderNumber})}？`,
					cancelText:_this.$t('publicLang.cancel'),
					confirmText: _this.$t('publicLang.sure'),
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: _this.$t('order.pleaseWait')
							});
							confirmChildOrderMer({
								id: row.orderInfoId,
								remark: ''
							}).then(res => {
								uni.hideLoading();
								_this.$emit("refund")
							}).catch((e) => {
								uni.hideLoading();
								return _this.$util.Tips({
									title: e
								});
							});
						}
					}
				});
			},
			// 查看物流
			handleLookWuLiu(row) {
				console.info(row)
				uni.navigateTo({
					url: `/pages/goods_logistics/index?orderInfoId=${row.orderInfoId}`,
					success: function(res) {
						// 通过eventChannel向被打开页面传送数据
						res.eventChannel.emit('orderGoods', {
							data: row
						})
					}
				})
			},
			/**
			 * 
			 * 剪切订单号
			 */
			// #ifndef H5
			copy: function(val) {
				let that = this;
				uni.setClipboardData({
					data: val,
					showToast: false,
					success: function() {
						uni.showToast({
							title: that.$t('order.copySuccessfully'),
							duration: 2000
						});
					}
				});
			},
			// #endif
			childRefund: function(data) {
				this.$emit('refund', data);
			},
			deliveryOrder(type) {
				let _this = this
				uni.showLoading({
					title: _this.$t('order.pleaseWait')
				});
				independentDelivery({
					id: this.confirmOrderVisible.orderInfoId,
					type: type
				}).then(res => {
					uni.hideLoading();
					_this.confirmOrderVisible.dialog = false
					_this.$emit("refund")
				}).catch((e) => {
					uni.hideLoading();
					return _this.$util.Tips({
						title: e
					});
				});
			},
			bindChange1(e) {
				let {
					value
				} = e.detail
				let areaType = e.detail.value[0]
				if (value[0] != this.value1[0]) {
					this.value1 = []
					this.value1.push(value[0])
					this.value1.push(0)
				} else {
					this.value1 = []
					this.value1.push(value[0])
					this.value1.push(value[1])
				}
				this.areaIndex = areaType
				console.info(this.value1)
			},
			bindChange2(e) {
				let {
					value
				} = e.detail
				// 省级变化
				if (value[0] != this.value2[0]) {
					this.value2 = []
					this.value2.push(value[0])
					this.value2.push(0)
					this.value2.push(0)
				}
				if (value[1] != this.value2[1]) {
					this.value2 = []
					this.value2.push(value[0])
					this.value2.push(value[1])
					this.value2.push(0)
				} else {
					if (value[0] == this.value2[0] && value[1] == this.value2[1]) {
						this.value2 = []
						this.value2.push(value[0])
						this.value2.push(value[1])
						this.value2.push(value[2])
					}
				}
				console.info(this.value2)
				this.cityIndex1 = e.detail.value[0]
				this.areaIndex1 = e.detail.value[1]
			},
			confirmTap() {
				// 港澳
				this.showPicker = false
				let {
					hkMac,
					value1,
					value2,
					hkMacArea,
					district,
					allArea
				} = this.$data				
			
				if (this.areaType == 2) {
					this.province = hkMac[value1[0]]['name']
					this.city = this.province
					this.area = hkMacArea[value1[0]][value1[1]]['name']
					this.cityId = hkMac[value1[0]]['cityId']
				} else if (this.areaType == 1) { //中国大陆
					this.province = district[value2[0]]['name']
					this.cityId = district[value2[0]]['cityId']
					this.city = district[value2[0]]['child'][value2[1]]['name']
					this.area = district[value2[0]]['child'][value2[1]]['child'][value2[2]]['name']
				} else {
					this.province = '海外'
					this.city = ''
					this.area = ''
					this.cityId = ''
				}
			
				
			},
			// 退货地址列表
			returnAddressList: function() {
				let that = this;
				addressListAfterSale({
				page: 1,
				limit: 999,
				}).then(res => {
					res.data.list.map(i=>{
						if(i.district == null){
							i.district = ""
						}
						if(i.city == null){
							i.city = ""
						}
					})
					this.addressList = res.data.list;
				})
			},
			// 城市数据
			getCityList: function() {
				let that = this;
				getCity().then(res => {
					//this.district = res.data
					that.initialize();
					res.data.map((item) => {
						 if (item.cityId == 714368 || item.cityId == 714390) {
								item.name = item.name == "香港特别行政区" ? "香港" : "澳门";
								if (item.cityId == 714368) {
									this.hkMacArea[0] = item.child[0].child
								} else if (item.cityId == 714390) {
									this.hkMacArea[1] = item.child[0].child
								}
							  }else{
								this.district.push(item)
							  }					
					})
				})
			},
			initialize: function() {
				let that = this,
					province = [],
					city = [],
					area = [];
				if (that.district.length) {
					let cityChildren = that.district[0].child || [];
					let areaChildren = cityChildren.length ? (cityChildren[0].child || []) : [];
					that.district.forEach((item) => {
						province.push(item.name);
					});
					cityChildren.forEach(function(item) {
						city.push(item.name);
					});
					areaChildren.forEach(function(item) {
						area.push(item.name);
					});
					this.multiArray = [province, city, area]
				}
			},
			switchTap (index) {
				this.tabIndex = index
				if (index == 0) this.areaType = 2
				else if (index == 1) this.areaType = index
				else this.areaType = 3
			},
			
		}
	}
</script>

<style scoped lang="scss">
	@import '../../uni.less';

	.orderGoods {
		background-color: #fff;
		margin-top: 12rpx;
	}

	.orderGoods .total {
		width: 100%;
		height: 86rpx;
		padding: 0 30rpx;
		border-bottom: 2rpx solid #f0f0f0;
		font-size: 28rpx;
		color: rgba(34, 34, 34, 1);
		line-height: 86rpx;
		box-sizing: border-box;
	}

	.goodWrapper .item {
		margin-left: 0rpx;
		padding-right: 0rpx;
		border-bottom: 0rpx
	}

	.goodWrapper .goodsName {
		margin-left: 30rpx;
		width: 530rpx;
	}

	.goodWrapper .goodsName .goodsName-left {
		width: 320rpx;
	}

	.goodWrapper .goodsName .goodsName-right {
		font-size: 24rpx;
		text-align: right;

		.check-wuliu {
			border-radius: 16rpx;
			border: 1rpx solid #000000;
			height: 32rpx;
			line-height: 32rpx;
			text-align: center;
			width: 120rpx;
			font-size: 20rpx;
			box-sizing: content-box;
		}
	}

	.goodWrapper .goodsName .storeName {
		font-size: 26rpx;
		color: #282828;
		font-weight: bold;
	}

	.goodWrapper .goodsName .attr {
		font-size: 20rpx;
		color: #999999;
		margin-top: 9rpx;
	}

	.goodWrapper .goodsName .cartnum {
		text-align: right;
	}

	.goodWrapper .goodsName .evaluateWarp {
		position: absolute;
		right: 60rpx;
		bottom: -5rpx;
		height: 50rpx;
		display: flex;
		justify-content: flex-end;
		align-items: center;

		.evaluates {
			width: 140rpx;
			height: 46rpx;
			border: 1rpx solid #bbb;
			border-radius: 4rpx;
			text-align: center;
			line-height: 46rpx;
			margin-left: 20rpx;
		}
	}

	.goodWrapper .lg-price-addr {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		margin-top: 10rpx;

		.price .paidPrice {
			margin-left: 10rpx;
			font-size: 20rpx;
			color: #999999;
		}
	}

	.goodWrapper .operate-btn {
		display: flex;
		font-size: 24rpx;

		.button {
			border: 1rpx solid #111111;
			padding: 8rpx 20rpx;
		}

		.button~.button {
			margin-left: 20rpx;
		}
	}

	.goodWrapper .lg-cost-tax {
		font-size: 20rpx;
		color: #999999;

		.cost {
			// width: 130rpx;
		}

		.fare {
			margin-left: 30rpx;
		}

		.tax {
			margin-left: 24rpx;
		}
	}

	.marginT10 {
		margin-top: 20rpx;
	}

	.goodBox {
		padding: 20rpx 30rpx;
		border-bottom: 2rpx solid #f0f0f0;
	}

	.fahuoLabel {
		width: 130rpx;
		display: inline-block;
		font-size: 20rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		line-height: 24rpx;
		border-radius: 2rpx;
		vertical-align: middle;
		margin-right: 30rpx;

		.shipadd {
			width: 24rpx;
			height: 24rpx;
			vertical-align: middle;
			margin-right: 6rpx;
		}

		.tempName {
			vertical-align: middle;
		}
	}

	.wuliuXinXi {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20rpx 0rpx;
		box-sizing: border-box;
		position: relative;

		.wuLiuCon {
			width: 537rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #14151C;
			line-height: 33rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2; //行数
			-webkit-box-orient: vertical;
		}

		.reFund {
			font-size: 20rpx;
			font-weight: 400;
			color: #666;
			border-radius: 10rpx;
			border: 1rpx solid #999;
			padding: 5rpx 12rpx 5rpx;
			position: absolute;
			right: 0rpx;
			top: 20rpx;
		}
	}

	.childCopy {
		width: 100%;
		font-size: 24rpx;
		font-weight: bold;
		margin-top: 10rpx;

		.copy {
			font-size: 20rpx;
			color: #333;
			border-radius: 30rpx;
			border: 1rpx solid #666;
			padding: 6rpx 15rpx 7rpx;
			margin-left: 24rpx;
			font-weight: bold;
		}
	}

	.returnRefundBox {
		width: 520rpx;
		overflow: hidden;

		.title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 90rpx;
			padding: 0 30rpx;

			.title-name {
				font-weight: bold;
				font-size: 32rpx;
			}
		}

		.content {
			padding: 0 30rpx;

			.content-item {
				display: flex;
				height: 70rpx;
				align-items: center;
				margin: 20rpx 0;

				.item-name {
					width: 180rpx;
				}

				.itemOne {
					color: #999999;
					padding: 10rpx;
				}

				.itemTwo {
					border: 1rpx solid #E6E6E6;
					height: 70rpx;
					width: 260rpx;
					display: flex;
					align-items: center;
					padding: 10rpx 20rpx;
					position: relative;
				}

				.itemThree {
					border: 1rpx solid #E6E6E6;
					height: 70rpx;
					width: 260rpx;
					display: flex;
					align-items: center;
					padding: 10rpx;
				}
			}

			.text {
				border: 1rpx solid #e8e9ed;
				width: 100%;
				height: 150rpx;
				padding: 5rpx;
			}

			.tips {
				font-size: 20rpx;
				color: #999999;
			}

			.buttonBox {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 40rpx 0;
				font-size: 22rpx;

				.qx {
					width: 160rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					border: 1rpx solid #000000;
				}

				.confirm {
					width: 256rpx;
					height: 60rpx;
					text-align: center;
					line-height: 60rpx;
					background-color: #000000;
					color: #FFFFFF;
				}
			}
		}
	}

	.sort-caret {
		width: 0;
		height: 0;
		border: 6px solid transparent;
		position: absolute;
		right: 40rpx;
	}

	.descending {
		border-top-color: #c0c4cc;
		bottom: 8px;
	}
	// 地址选择
	.picker_address_box {
		left: 0;
		right: 0;
		height: 700rpx;
		background-color: #FFFFFF;
		bottom: 0;
		padding: 0 20rpx;
	
		.picker_btn {
			padding: 20rpx 0;
			font-size: 28rpx;
			color: #222222;
	
			.btn_confirm {
				background-color: rgba(34, 34, 34, 1);
				border-radius: 4rpx;
				color: #FFFFFF;
				padding: 10rpx 20rpx;
			}
		}
	
		.switch_address {
			padding: 0 10rpx;
			margin-top: 20rpx;
	
			.line {
				left: 0;
				right: 0;
				height: 4rpx;
				background-color: rgba(34, 34, 34, 1) !important;
				bottom: -10rpx;
			}
		}
	
		.picker_box {
			height: 320rpx;
			position: absolute;
			width: 100%;
			bottom: 200rpx;
	
			.picker_view {
				height: 320rpx;
				font-size: 32rpx;
			}
	
			.area_type {
				width: 300rpx;
				flex: initial;
			}
	
			.area_city {
				width: 300rpx;
				flex: initial;
			}
		}
	}
	.address-management .item {
		background-color: #fff;
		// padding: 0 30rpx;
		// margin-bottom: 12rpx;
	}
	
	.address-management .item .address {
		padding: 15rpx 0rpx;
		border-bottom: 1rpx solid #eee;
		font-size: 28rpx;
		color: #282828;
	}
	
	.address-management .item .address .consignee {
		font-size: 32rpx;
		font-weight: 500;
		margin-bottom: 21rpx;
	}
	
	.address-management .item .address .consignee .phone {
		margin-left: 25rpx;
	}
	.address-management .item .operation {
		height: 53rpx;
		font-size: 28rpx;
		color: #282828;
	}
	
	.address-management .item .operation .radio text {
		margin-left: 13rpx;
	}
	.flex1 {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex2 {
		display: flex;
		align-items: center;
	}
	.flex3 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.address_name view {
		width: 62rpx;
		height: 32rpx;
		background: #AF8A40;
		border-radius: 2rpx;
		border: 1rpx solid #AF8A40;
		font-size: 20rpx;
		color: rgba(240, 242, 245, 1);
		margin-left: 20rpx;
	}
	.address_detail {
		font-size: 26rpx;	
		color: #222222;
	}
</style>
